<script setup lang="ts">
import router from "@/router";
import { ref } from 'vue'
import type { Ref } from 'vue'
const text = ref()
const tel = ref()
const digit = ref()
const title = ref()
const number1 = ref()
const number2 = ref()
const desc = ref()
function submit() {
  router.push('home')
}
</script>
<template>
  <van-nav-bar style="background-color: white;" title="成为房东">
    <template #left>
      <p @click="$router.back()"><van-icon color="gray" name="arrow-left" /><span class="back">返回</span> </p>
    </template>
  </van-nav-bar>
  <div class="container">
    <van-cell-group inset>
      <van-field v-model="title" type="text" label="标题" placeholder="请输入标题" />
      <van-field v-model="tel" type="tel" label="地址" placeholder="请输入街道,小区等信息" />
      <van-field v-model="number1" type="digit" label="押金" placeholder="请输入押金" />
      <van-field v-model="number2" type="digit" label="租金" placeholder="请输入租金" />
      <van-field v-model="digit" type="text" label="地方区域" placeholder="请选择地方" />
      <van-field v-model="text" type="number" label="请输入日租/月租" />
      <van-field v-model="desc" type="text" label="补充说明" placeholder="请填写您对民宿的描述和介绍" />
    </van-cell-group>
    <van-button type="primary" @click="submit">提交</van-button>
  </div>
</template>
<style scoped lang="scss">
.header {
  height: 44px;
  line-height: 44px;
  background-color: skyblue;
  text-align: center;
}

h3 {
  margin-right: 130px;
}
</style>
